<template>
  <div class="title123Style">
    <div ref="title123">我是标题</div>
    <button @click="changeTitle">点我改标题</button>

<!--    <HelloWorld msg="1234" :list="personList" ref ="hello"/>-->
    <HelloWorld msg="1234"  ref ="hello"/>
  </div>
</template>


<script setup lang="ts" name="inputDemo">
import {reactive, ref} from "vue"
import HelloWorld from './HelloWorld.vue'
import type {Person} from "@/components/Person.ts";
const title123 = ref()
const hello = ref()
const personList:Array<Person> = reactive([
  {id:1,name:"张三",age:18},
  {id:2,name:"李四",age:20},
  {id:3,name:"王五",age:33}
])
function changeTitle() {
  console.log(title123.value)
  console.log(hello.value)
}
</script>
<style scoped>
.title123Style
{
  background: #f2f2f2;
}
</style>